<ion-view view-title="加入购物车" style="z-index:9996;background-color:rgba(0,0,0,0.7);">
	
	<!--不能用ion-content，否则主页面的内容就一点都看不见了-->
	 <!--<ion-content>
	 </ion-content>-->
	 
	 <!--点击黑色区域隐藏购物车-->
	 <div style="min-height:35%;" on-tap="hide_addCart()">
	 </div>
	 
	   	 <ion-scroll style="max-height:70%;position: absolute;bottom:44px;">
          <div class="list">
          	<li class="item padding-0 item-borderless" style="background-color:rgba(0,0,0,0);padding-left:1rem;" on-tap="hide_addCart()">
          		<div class="calm-bg light text-center" style="width:3rem;height:3rem;border-radius: 50%;line-height: 3rem;">
          			<i class="icon ion-ios-cart" style="font-size: 1.5rem;"></i>
          			<span class="energized">5</span>
          		</div>
          	</li>
          	<li class="item padding-0 item-borderless" style="background-color:rgba(0,0,0,0);padding-left:2rem;margin-bottom: -0.6rem;" on-tap="hide_addCart()">
          		<i class="icon ion-arrow-up-b light" style="font-size: 1.5rem;"></i>
          	</li>
          	<li class="item padding-0" >
			  	<label class="checkbox checkbox-square checkbox-assertive padding-0" style="position:absolute;">
				    <input type="checkbox"  ng-model="input.is_price" on-tap="goods_checked()"/>
				 </label>   
			  	<div class="row padding-10">
			  		<div class="col col-20 item-image padding-0">
			  			<img src="{{goods_image}}">
			  		</div>
			  		<div class="col padding-0 item item-text-wrap"  style="border: none;">
			  			<p>{{goods_name}}</p>
			  			<p><span class="assertive">{{price|currency:'￥'}}</span></p>
			  		</div>
			  		<div class="col col-25 padding-0 text-center">
			  			<!--<i class="icon ion-ios-close-outline  font-1rem-my assertive"></i>-->
			  			<!--<span class="bian_gray font-large-my border-radius-my" style="padding: 1px 10px;" on-tap="goods_delete()">删除</span>-->
			  			<div style="margin-top:0.7rem;">
			  			<i class="icon ion-plus-circled positive font-1rem-my right-zhang" on-tap="number_add()"></i>
			  			 <input type="text" ng-model="input.goods_num" style="width:50%;height: 20px;padding: 0 5px 0 5px;" class="right-zhang text-center"/>
			  			<i class="icon ion-minus-circled assertive font-1rem-my right-zhang" on-tap="number_reduce()"></i>
			  			</div>
			  		</div>
			  	</div>
			  </li>
			  <li class="item padding-0" ng-repeat="suit in suit_goods">
			  	<label class="checkbox checkbox-square checkbox-assertive padding-0" style="position:absolute;">
				    <input type="checkbox"  ng-model="suit.is_price" on-tap="suit_goods_checked(suit.id)"/>
				 </label>   
			  	<div class="row padding-10">
			  		<div class="col col-20 item-image padding-0">
			  			<img src="{{suit.image.image}}">
			  		</div>
			  		<div class="col padding-0 item item-text-wrap"  style="border: none;">
			  			<p>{{suit.name}}</p>
			  			<p><span class="assertive">{{suit.suit_price|currency:'￥'}}</span></p>
			  		</div>
			  		<div class="col col-25 padding-0 text-center">
			  			<!--<i class="icon ion-ios-close-outline  font-1rem-my assertive"></i>-->
			  			<span class="bian_gray font-large-my border-radius-my" style="padding: 1px 10px;" on-tap="delete(suit.id)">删除</span>
			  			<div style="margin-top:0.7rem;">
			  			<i class="icon ion-plus-circled positive font-1rem-my right-zhang" on-tap="productNumber_add(suit.id)"></i>
			  			 <input type="text" ng-model="suit.num" style="width:50%;height: 20px;padding: 0 5px 0 5px;" class="right-zhang text-center"/>
			  			<i class="icon ion-minus-circled assertive font-1rem-my right-zhang" on-tap="productNumber_reduce(suit.id)"></i>
			  			</div>
			  		</div>
			  	</div>
			  </li>
			  <li class="item padding-0">
			  	<div class="row padding-0" >
			  		<div class="col col-67" style="padding:0.8rem;">
		  				总计：<b class="positive">{{input.total|currency:'￥'}}</b><span class="font-small-my font-gray-my">(不含邮费)</span>
			  		</div>
			  		<div class="col energized-bg text-center light" style="padding:0.8rem;" on-tap="set_cart()"> 
			  			去结算
			  		</div>
			  	</div>
			  </li>
			</div>
		</ion-scroll>
</ion-view>